(function ($) {
    function createCode(dom, config) {
      var _this = this;
      _this.config = config
      _this.codeList = [1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
      _this.color = ['#e3730f', '#2ae3e0', '#c317e3', '#0e935f','#e30d65', '#3c8b36', '#74675a', '#654321','#123345', '#135784', '#169b9a', '#02468a'];
      _this.bgColorList = ['#b1b1b1', '#e3d7cc', '#d0d9f9', '#f8f2d6'];
      _this.bgColor = '';
      _this.code = '';
      if (_this.config) {
        _this.codeLen = _this.config.len || 4;
      } else {
        _this.codeLen = 4;
      }
      var html = '';
      var deg = 0;
      for (i = 0; i < _this.codeLen; i++) {
        var index = Math.floor(Math.random() * _this.codeList.length);
        var idx = Math.floor(Math.random() * _this.color.length);
        var bgIdx = Math.floor(Math.random() * _this.bgColorList.length);
        if (index % 2 == 0) {
          deg = index + Math.floor(Math.random() * idx)
        } else {
          deg = -(index + Math.floor(Math.random() * idx))
        }
        html += '<span style="color:' + _this.color[idx] + ';display:inline-block;transform:rotate(' + deg + 'deg);font-size:24px">' + _this.codeList[index] + '</span>';
        _this.code += _this.codeList[index];
        _this.bgColor = _this.bgColorList[bgIdx]
        // console.log([_this.code]);
      }
      var va=_this.code;
      $('.submit').click(function(){ 
        // console.log($('.input-code').val())
        if($('.input-code').val() == va){
          $('.c2').html(' ');
          $('.rank').removeClass('red');
          $('.rank').addClass('green');
        }else{
          $('.c2').html('请输入正确的验证码');
        }
      });
      
      console.log(va)
      $(dom).css({
        width: _this.codeLen * 20 + 'px',
        padding: '1px',
        textAlign: 'center',
        display: 'inline-block',
        backgroundColor: _this.bgColor,
        cursor: "pointer",
        opacity: .6
      });
      $(dom).empty().append(html);
    }
  
    $.fn.createCode = function (cfg) {
      var _this = this;
      createCode(_this, cfg);
      $(_this).click(function () {
        createCode(_this, cfg);
      });
    }
  })(jQuery);

  $(function () {
    $('.code').createCode({
      len:6
    });
  });
    
  
    
  // $('.input-code').change(function () {
  //   var _val=$('.input-code').val();
  //   if(_val != ""){
  //     $('.c2').css("display", "none");
  //   }else{
  //     $('.c2').css("display", "block");
  //   }
  // })